* {
    margin: 0;
    padding: 0;
    list-style: none;
}
a{text-decoration: none;}

.flex {display: flex;display: -webkit-flex;display: -ms-flex;display: -o-flex;flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;} 
.flex-wrap {flex-wrap: wrap;} 
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.flex-1 {-webkit-box-flex: 1;-ms-flex-positive: 1;flex: 1 1 0%;}

.absolute{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.relative{position: relative;}

.h-100{height: 100%;}
.w-100{width: 100%;}
.t-c{text-align: center;}
.t-r{text-align: right;}

table{border-spacing: 0;border-collapse: collapse;}

html{font-size: 10px;}
body{
    overflow: hidden;background-color: #f5f5f5;
}

span.split{width: 0.6rem;}

:root{
    --main-color:#409EFF;
    --header-bg-color:#409EFF;
    --main-border-color:#ddd;
    --header-font-color:#fff;
    --header-height:4.8rem;
} 

.scrollbar,.scrollbar-10{overflow: auto;}
.scrollbar::-webkit-scrollbar {width: 4px;height: 1px;}
.scrollbar::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 10px;}
.scrollbar-10::-webkit-scrollbar {width: 10px;height: 1px;}
.scrollbar-10::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.1);border-radius: 10px;}

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {background:#f5f5f5}
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {background:#ddd;}

.el-collapse-item__header{background-color:#fafafa !important;border-left:1px solid #EBEEF5;border-right:1px solid #EBEEF5;padding:0 2rem;}
.el-collapse-item__content{padding:1rem;border:1px solid #EBEEF5;border-bottom:0;}
.el-input.w-search .el-input__inner,.el-input.w-search,.el-select.w-search{width:10rem;}
.el-form-item.w-search .el-form-item__label{font-size:1.2rem;}

.table-search  .el-form--inline .el-form-item{margin-bottom:0;}
.el-dropdown{font-size: 1.3rem;}
.el-dropdown-menu__item{font-size: 1.3rem;}
.el-dropdown-menu__item a{color: #333;}
.el-input__inner:focus{border-color: var(--main-color);}

.el-date-editor.el-input.w-auto, .el-date-editor.el-input__inner.w-auto{width:auto;}

.el-table .active-row {background: rgba(0,0,0,0.15);}
.el-table .table-green-row {background: rgba(0,255,0,0.15);}
.el-table .table-red-row {background: rgba(255,0,0,0.15);}
.el-table .table-green-row td {background:transparent !important;}
.el-table .table-red-row  td{background:transparent !important;}
.el-date-editor.el-input, .el-date-editor.el-input__inner{width:auto}
.el-table .active-row td{background:transparent !important;}
.el-table--border th{background-color: #fafafa;}
.el-table--border, .el-table--group, 
.el-table-filter,.el-table td, .el-table th.is-leaf{border-color: var(--main-border-color);}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color: var(--main-color);}
.el-pagination.is-background .el-pager li:not(.disabled):hover{color: var(--main-color);}
.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{width: inherit;}

.el-dialog__body .el-form-item:last-child{margin-bottom:0;}

/* .el-input__inner:read-only{background-color: #f5f5f5;} */

.el-color-picker{vertical-align: middle;}
.el-color-picker__trigger{border:0 !important;}
.el-color-picker__color {border:0 !important; border-radius: 2px;}
.el-color-picker__color-inner{border-radius: 2px;}

.el-message{min-width: 10rem !important;}

.card-header{font-size:1.4rem;}